import React from 'react'
import {View,Text,TextInput,Image,StyleSheet} from 'react-native'
import Swiper from 'react-native-swiper';

export default class SwiperTs extends React.Component{



    render(){

        return(
            <View>
                <Swiper
                    height={200}
                        loop={true}
                    // showsButtons={true}
                        index={0}
                        autoplay={true}
                        horizontal={true}
                >
                    <View style={styles.swiperItem}>
                        <Image style={styles.imageStyle} source={{uri:'http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1503/17/c2/3974331_1426551905422_mthumb.jpg'}}></Image>
                    </View>
                    <View style={styles.swiperItem}>
                        <Image style={styles.imageStyle} source={{uri:'http://img1.3lian.com/2015/w3/3/d/5.jpg'}}></Image>
                    </View>
                    <View style={styles.swiperItem}>
                        <Image style={styles.imageStyle} source={{uri:'http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1409/06/c8/38326019_1410001543111.jpg'}}></Image>
                    </View>
                </Swiper>
            </View>
        )

    }

}

const styles = StyleSheet.create({
    container:{
        flex:1
    },
    swiperStyle:{

    },
    swiperItem:{
        flex:1,
        justifyContent:'center',
        backgroundColor:'transparent',
    },
    imageStyle:{
        flex:1,
    },
})